<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
        <meta content="telephone=no" name="format-detection" />
        <title>分配记录</title>
        <link href="{{asset('/mobile/css/style.css')}}" rel="stylesheet" type="text/css">
    </head>
    <style type="text/css">
        body{
            background-color: #f1f1f1;
        }
        .list{
            display: block;
        }
        .li{
            background-color: #FFFFFF;
            border-bottom: 1px solid #d0d0d0;
            padding: 15px 20px;
            overflow: hidden;
        }
        .li-left{
            float: left;
            padding-top: 3px;
        }
        .li-right{
            float: right;
        }
        .biger{
            font-size: 1.3rem;
            color: #D9543B;
            margin: 0 5px;
        }
        .tips{
            margin: 30% auto 0;
            font-size: 1.3rem;
            color: #d0d0d0;
            text-align: center;
        }
    </style>
    <body>
        @if (!$logs->isEmpty())
            @foreach($logs as $log)
                <div id="con" class="list">
                    <div class="li">
                        <div class="li-left">{!! str_limit($log->created_at, '16', '') !!}</div>
                        <div class="li-right">分配银票<span class="biger">{{$log->gems}}</span>张</div>
                    </div>
                </div>
            @endforeach
        @else 
            <div id="tip" class="tips">暂无记录</div>
        @endif
    <script type="text/javascript" src="{{asset('/mobile/js/jquery-1.8.3.min.js')}}"></script>
    </body>
</html>
